/* ==========================================================================
   index module
   ========================================================================== */

/* 
 * product category
 */
.m-ins-navbox{position: relative;top: auto;margin-bottom: 2em}
.m-ins-navbox .right .subbox a{padding-top: 6px;padding-bottom: 6px;border-radius: 10px; background: #f1f1f1; color: #3076f6;}
.m-ins-navbox .right .subbox a:hover{background-color: #3076f6;color: #fff;}

.sect_prod{padding-bottom: 2em}
.sect_prod .swiper-slide {}
.sect_prod .media-box.item0 {background: #f8f8f8}
.sect_prod .media-box.item0 .cnt{padding: 1em 0 0 2em;text-align: left;}
.sect_prod .media-box.item0 .cnt strong{font-size: 1.2rem}
.sect_prod .media-box .icon { width: 320px; height: 240px; position: relative;border: 1px solid #eee;background: none;}
.sect_prod .media-box p { font-size: 1rem;line-height: inherit;padding: 1em 0;}
.sect_prod .mask3 { position: absolute;height: 100%; top: 100%; right: 0; left: 0; background: url('../img/layer3.png') center center no-repeat rgba(39, 103, 160, .8); line-height: 100%; color: #000 }
.sect_prod .media-box:hover .mask3 { top: 0}
/*.sect_prod .media-box:hover p{background: #ff9600; color: #fff; }*/
@media screen and (max-width:40em){

}


/*
 * sect_adv
 */
.sect_adv{background: url('../img/bg1.jpg') center center;background-size: cover}
.services-box.l {padding-right: 10%; text-align: right;}
.services-box.r {padding-left: 10%}
.services-box h3{position: relative; padding-left: 40px; font-weight: bold;}
.services-box p {padding: 1rem 0; font-size: 1.2rem;}
.services-box .minH{ height: 130px;}
.sect_adv .full-row p:nth-child(1){min-height: 120px;}
.services-box h3 i{ display:inline-block; content: ''; background: url(../img/ys_dot.png); width: 35px; height: 35px;vertical-align: sub; margin-right: 10px;}
/*.services-box h3:before { display: block; content: ''; width: 8px; height: 8px; background: #fff; bottom: 0; left: 0; margin-bottom: -4px; position: absolute; border-radius: 50%; }
.services-box h3:after { display: block; content: ''; width: 13%; height: 1px; background: #fff; bottom: 0; left: 100%; margin-bottom: -1px; transform: rotate(45deg); transform-origin: top left; position: absolute; }
.services-box.r h3:before { left: auto; right: 0; }
.services-box.r h3:after { left: auto; right: 100%; transform: rotate(-45deg); transform-origin: top right; }*/
.services-box.l h3{ padding-left: 0; padding-right: 40px;}
.services-box.l h3:before{ left: auto; right: 0;}
@media screen and (max-width:40em){
	.sect_adv{background: #1d7eca}
}

/* about us*/
.sect_us{background: #f6f6f6}
.usbox{background: #fff;margin-bottom: 2em}
.about-box{padding: 1.5rem 2rem 3rem 2rem;position: relative;}
.about-box h3 { font-size: 1.8rem; position: relative; padding-top: 10px }
.about-box h5 { font-size: 1.2rem; text-transform: uppercase; font-weight: normal; }
.amore { color: #fff;position: absolute;right: 0;bottom: 0;}
.qute { position: relative; padding-top: 2em; margin-top: 1em; line-height: 2; background: url('../img/line.jpg') top left repeat-x}
@media screen and (max-width:40em){

}

/*custom*/
.block_imglist{position:relative;padding:1em 40px;background: #fff;}
.block_imglist .swiper-slide{width: 20%}
.block_imglist .media-box{margin-bottom:0px;width:95%;}
.block_imglist .media-box .icon{width:320px;height:260px;position:relative;border:0px;background:#FFF;overflow: visible;}
.block_imglist .media-box p{font-size:16px;}
.block_imglist .swiper-btn{background:#3070df;color:#fff;position:absolute;top:35%;cursor:pointer;font-size:16px;padding:10px 4px;}
.block_imglist .swiper-prev{left:0;}
.block_imglist .swiper-next{right:0}
.block_imglist .swiper-button-disabled{background:#a3a3a3;cursor:initial}
@media screen and (max-width:640px){
	.block_imglist{padding: 0}
	.block_imglist .swiper-slide{width:100%;margin-right: 0}
}


/*news*/
.sect_new { overflow: hidden; background: #fff}
.news-box { position: relative; margin-bottom: 1em; background: #fff;padding: 1em;}
.news-box .news_time { text-align: center; color: #7e7e7e; padding-top: 10px; position: relative;}
.news-box .news_time:after{display: block;content: '';position: absolute;top:50%;margin-top: -20px;width: 1px;height:40px;background: #ccc;right: 0px;}
.news-box .news_time .date { line-height: 2.4 }
.news-box .news_time .date i { font-size: 2rem; display: block; line-height: 1; color: #000; font-weight: bold;}
.news-box .news_time .item { display: none; }
.news-box .news_cont { }
.news-box .news_cont h5 { font-size: 18px; font-weight: normal; padding-bottom: 6px; position: relative; }
.news-box .news_cont h5 a { padding-right: 20px; color: #363535; display: block; position: relative; }
.news-box .news_cont h5 a:hover {text-decoration: underline;}
.news-box .news_cont p { color: #7e7e7e; overflow: hidden; text-align: justify }
.thumb { width: 100%; height: 168px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; }
@media screen and (max-width:640px){
	.news-box { background: none;padding: 0}
	.news-box .news_cont h5 a{font-size: 14px;}
}

/*ligter*/
.news-box.ligter { border: 1px solid #0c6fd4; padding: 0 }
.news-box.ligter .news_time { background: #0c6fd4; color: #fff; padding-bottom: 10px; }
.news-box.ligter .news_time i { color: #fff; }
.news-box.ligter .news_time:after { display: none; }
.news-box.ligter .news_cont { padding: 1em }
.news-box.ligter.on { background: none; border-color: #eb511b }
.news-box.ligter.on .news_time { background: #eb511b; }

/*one news box*/
.news-box-one { background: #0150a4; }
.news-box-one .news_cont { background: #0150a4; padding: 12% 8%; color: #b5d3f3; font-size: 14px; }
.news-box-one .news_cont h3 { font-size: 20px; font-weight: normal; margin-bottom: 1em; color: #fff; }
.news-box-one .news_cont p { line-height: 2; }
.news-box-one .news_cont a { display: inline-block; border: 1px solid #fff; border-radius: 25px; color: #fff; padding: 5px 25px; margin-top: 2em; }
.news-box-one .news_cont a:hover { border-color: #ff9600; color: #ff9600; }